<template>
  <el-card class="footer">
    <el-card class="empty-space">
      <p>彝族博物馆融媒矩阵：</p>
    </el-card>
    <el-card class="media-div">
      <div class="media-div-member"><div class="img media-img-1"/><p>彝族博物馆微信公众号</p></div>
      <div class="media-div-member"><div class="img media-img-2"/><p>彝族博物馆英文版微信公众号</p></div>
      <div class="media-div-member"><div class="img media-img-3"/><p>彝博君微信订阅号</p></div>
      <div class="media-div-member"><div class="img media-img-4"/><p>彝族博物馆APP</p></div>
      <div class="media-div-member"><div class="img media-img-5"/><p>官方微博</p></div>
      <div class="media-div-member"><div class="img media-img-6"/><p>官方抖音</p></div>
    </el-card>
    <div class="horizontal-line" ></div>
    <el-card class="extra-link">
      <a>友情链接</a>
      <a>留言板</a>
      <a>联系我们</a>
      <a>版权声明</a>
    </el-card>
    <div class="horizontal-line" ></div>
    <div class="web-info">
      <p>
        <span>彝族博物馆所有</span>
        <router-link class="" to="">
          <span>贵ICP备XXXXXXXX号</span>
        </router-link>
        <router-link class="" to="">
          <span>贵公网安备XXXXXXXX号</span>
        </router-link>
        <span>EMAIL: service@yi-museum.com</span>
      </p>
      <p>
        <span>内容运维：新闻传播处    彝博（贵州）文化传媒有限公司</span>
        <router-link class="" to="">
          <span>技术保障：  冯文进</span>
        </router-link>
      </p>
    </div>
  </el-card>
</template>

<script>
// 底部
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Footer'
}
</script>

<style scoped lang="less">
@import "Footer.less";
</style>
